<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/kaohe.css">
    <title>Document</title>
</head>
<body>
    <!-- 响应式开发里的布局容器 -->
    <div class="container">
        <!-- 页头部分 -->
        <div class="row clearfix yetou">
            <div class="col-md-2 column">
                <img alt="140x140" src="pic/pic1.png" class="img-rounded ccut" />
            </div>
            <div class="col-md-2 column">
            </div>
            <div class="col-md-8 column">
                <div class="row clearfix tou">
                        <nav class="navbar navbar-default daohang" role="navigation">
                            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                                <ul class="nav navbar-nav">
                                    <li>
                                        <a href="#"><h5>首页</h5></a>
                                    </li>
                                    <li>
                                        <a href="#"><h5>试卷中心</h5></a>
                                    </li>
                                    <li>
                                        <a href="#"><h5>在线学习</h5></a>
                                    </li>
                                    <li>
                                        <a href="#"><h5>智能训练</h5></a>
                                    </li>
                                    <li>
                                        <a href="#"><h5>考试记录</h5></a>
                                    </li>
                                    <li>
                                        <a href="#"><h5>错题本</h5></a>
                                    </li>
                                </ul>
                            </div>
                        </nav>
                        <img alt="140x140" src="pic/touxiang.jpeg" class="touxiang" />
                </div>
            </div>
        </div>

        <!-- 轮播图 -->
        <div class="row clearfix lunbo">
            <div class="col-md-12 column">
                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <!-- Indicators -->
                    <ol class="carousel-indicators">
                      <li data-target="#carousel-example-generic"data-ride="carousel" data-slide-to="0" class="active"></li>
                      <li data-target="#carousel-example-generic"data-ride="carousel" data-slide-to="1"></li>
                      <li data-target="#carousel-example-generic"data-ride="carousel" data-slide-to="2"></li>
                      <li data-target="#carousel-example-generic"data-ride="carousel" data-slide-to="3"></li>
                      <li data-target="#carousel-example-generic"data-ride="carousel" data-slide-to="4"></li>
                    </ol>

                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox">
                      <div class="item active">
                        <img src="pic/lunbo1.jpg" alt="...">
                        <div class="carousel-caption">
                        </div>
                      </div>
                      <div class="item ">
                        <img src="pic/lunbo2.jpg" alt="...">
                        <div class="carousel-caption">
                        </div>
                      </div>
                      <div class="item">
                        <img src="pic/lunbo3.jpg" alt="...">
                        <div class="carousel-caption">
                        </div>
                      </div>
                      <div class="item">
                        <img src="pic/lunbo4.jpg" alt="...">
                        <div class="carousel-caption">
                        </div>
                      </div>
                      <div class="item">
                        <img src="pic/lunbo5.jpg" alt="...">
                        <div class="carousel-caption">
                        </div>
                      </div>
                    </div>

                    <!-- Controls -->
                    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                      <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                      <span class="sr-only">Next</span>
                    </a>
                  </div>
            </div>
        </div>

        <div class="row clearfix liangbufen">
            <!-- 任务中心 -->
            <div class="col-md-6 column renwu">
                <h3 class="dazi"> 任务中心</h3>
                <ul class="nav nav-stacked nav-tabs">
                    <li>
                         <a href="#">前台测试1 <div class="jiantou">></div></a>
                    </li>
                    <li>
                         <a href="#">第一次月考 <div class="jiantou">></div></a>
                    </li>
                </ul>
                <div class="xuanxiang">
                    <div class="yuansu1">共2条</div>
                    <div class="dropdown yuansu2" style="width: 50px;float: left;margin-top: 33px;">
                        <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">9条/页
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                            <li role="presentation">
                                <a role="menuitem" tabindex="-1" href="#">9条/页</a>
                            </li>
                        </ul>
                    </div>
                    <ul class="pagination pagination-sm yuansu3" style="margin-left: -160px;margin-top: 35px;">
                        <li>
                            <a href="#"><</a>
                        </li>
                        <li>
                            <a href="#">1</a>
                        </li>
                        <li>
                            <a href="#">></a>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 在线学习 -->
            <div class="col-md-6 column zaixianxuexi">
                <h3 class="dazi">在线学习</h3><br>
                <div class="row clearfix">
                    <div class="col-md-6 column">
                        <img alt="140x140" class="zaixian" src="pic/xuexi1.jpg" />
                    </div>
                    <div class="col-md-6 column">
                        <img alt="140x140" class="zaixian" src="pic/xuexi2.jpg" />
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-md-6 column">
                        <img alt="140x140" class="zaixian" src="pic/xuexi3.jpg" />
                    </div>
                    <div class="col-md-6 column">
                        <img alt="140x140" class="zaixian" src="pic/xuexi4.jpg" />
                    </div>
                </div>
                <a href="#" class="gengduo">>>更多</a>
            </div>
        </div>

        <!-- 试卷中心 -->
        <div class="row clearfix shijuan">
            <h3 class="shijuandazi">试卷中心</h3>
            <div class="col-md-12 column ">
                <div class="row clearfix">
                    <div class="col-md-3 column"><div class="zuo"><p>第一周测试卷
                            <h1 class="juanzineirong"><br>学科：高等数学<br><br>
                            题目数：6<br>
                            总分：89<br>
                            考试时长：150</h1>
                            <br><a href="">开始做题</a>
                            </p></div>
                        <div class="you"><img alt="140x140" src="pic/shijuan.png" /></div>

                    </div>
                    <div class="col-md-3 column"><div class="zuo"><p>第二周测试卷<br>
                            <h1 class="juanzineirong">
                                <br>学科：密码学<br><br>

                            题目数：3<br>
                            总分：143<br>
                            考试时长：90</h1><br><a href="">开始做题</a>
                        </p></div>

                        <div class="you"><img alt="140x140" src="pic/shijuan.png" /></div>
                    </div>
                    <div class="col-md-3 column"><div class="zuo"><p>第三周测试卷<br>
                            <h1 class="juanzineirong">
                                <br>学科：计算机网络<br><br>

                            题目数：3<br>
                            总分：53<br>
                            考试时长：20</h1><br><a href="">开始做题</a></div>

                            <div class="you"><img alt="140x140" src="pic/shijuan.png" /></div>
                    </div>
                    <div class="col-md-3 column"><div class="zuo"><p>第四周检测卷<br>
                            <h1 class="juanzineirong">
                                <br>学科：数据结构<br><br>

                            题目数：4<br>
                            总分：63<br>
                            考试时长：30</h1><br><a href="">开始做题</a></div>

                            <div class="you"><img alt="140x140" src="pic/shijuan.png" /></div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-md-3 column"><div class="zuo"><p>第五周测试卷<br>
                            <h1 class="juanzineirong">
                                <br>学科：线性代数<br><br>

                            题目数：6<br>
                            总分：262<br>
                            考试时长：60</h1><br><a href="">开始做题</a></div>

                            <div class="you"><img alt="140x140" src="pic/shijuan.png" /></div>
                    </div>
                    <div class="col-md-3 column"><div class="zuo"><p>第六周测试卷<br>
                            <h1 class="juanzineirong">
                                <br>学科：语文<br><br>

                            题目数：3<br>
                            总分：77<br>
                            考试时长：30</h1><br><a href="">开始做题</a></div>

                            <div class="you"><img alt="140x140" src="pic/shijuan.png" /></div>
                    </div>
                    <div class="col-md-3 column"><div class="zuo"><p>第七周测试卷<br>
                            <h1 class="juanzineirong">
                                <br>学科：数学<br><br>

                            题目数：5<br>
                            总分：150<br>
                            考试时长：25</h1><br><a href="">开始做题</a></div>

                            <div class="you"><img alt="140x140" src="pic/shijuan.png" /></div>
                    </div>

                </div>
                <a href="#" class="gengduo">>>更多</a>
            </div>
        </div>

        <!-- 页尾 -->
        <div class="row clearfix yewei">
            <div class="col-md-4 column">
                <ul class="breadcrumb">
                    <li>
                        友情链接
                    </li>
                    <li>
                         <a href="#">长春工业大学官网</a>
                    </li>
                    <li>
                         <a href="#">长春工业大学教务在线</a>
                    </li>
                </ul>
            </div>
            <div class="col-md-6 column">
                <img alt="140x140" class="weiccut" src="pic/pic1.png" />
            </div>
            <div class="col-md-2 column">
                <div class="row clearfix lianxi">
                        <img alt="140x140" class="weixin" src="pic/weixin.jpeg" />
                        <img alt="140x140" src="pic/qq.jpeg" />
                </div>
            </div>
        </div>
    </div>
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://fastly.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
</body>
</html>
